<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,maximum-scale=1.0">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <!-- <link rel="stylesheet" href="https://at.alicdn.com/t/font_1372076_52a7p01qpd7.css"> -->
  <!-- <link rel="stylesheet" href="<%= BASE_URL %>fonts/cabin.css">
    <link rel="stylesheet" href="<%= BASE_URL %>fonts/daysOne.css">
    <link rel="stylesheet" href="<%= BASE_URL %>fonts/montserrat.css">
    <link rel="stylesheet" href="<%= BASE_URL %>fonts/tangerine.css"> -->
  <link rel="stylesheet" href="http://at.alicdn.com/t/font_1375143_4ypsjcshelk.css">
  <title class="title">Dark Music</title>
  <style>
    body,html{
      width: 100%;
      height: 100%;
    }
    .title{
      font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    }
    #app{
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      color: #999;
      justify-content: center;
      background-color: #343534;
      align-items: center;
    }
  </style>
</head>

<body ontouchmove="event.preventDefault()">
  <noscript>
    <strong>We're sorry but web-book doesn't work properly without JavaScript enabled. Please enable it to
      continue.</strong>
  </noscript>
  <div id="app">
    <img id="bg" src="https://blog-1259449432.cos.ap-shanghai.myqcloud.com/wrapper.jpg" width="200" height="200">
    <p>加载中...</p>
  </div>
  <!-- built files will be auto injected -->
</body>
<script>
  window.onload = function () {
    // 阻止双击放大
    var lastTouchEnd = 0;
    document.addEventListener('touchstart', function (event) {
      if (event.touches.length > 1) {
        event.preventDefault();
      }
    });
    document.addEventListener('touchend', function (event) {
      var now = (new Date()).getTime();
      if (now - lastTouchEnd <= 300) {
        event.preventDefault();
      }
      lastTouchEnd = now;
    }, false);

    // 阻止双指放大
    document.addEventListener('gesturestart', function (event) {
      event.preventDefault();
    });
  }
</script>

</html>